<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>铝邦CRM客户管理系统</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="bootstrap/css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/setting.css"/>
    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="layui/layui.all.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/commer.js"></script>
</head>
<body>
<div class="main-nav">
    <h3>联系</h3>
    <div class="all-agency clues-on col-sm-1">全部联系</div>
    <div class="add-agency col-sm-1" data-toggle="modal" data-target="#addContact">+新增联系</div>
</div>
<!--搜索-->
<div class="clues-search">
    <label class="search-label label-left-lg">所在地区：</label>
    <select name="" id="" class="search-select">
        <option value="0">---省份---</option>
        <option value="1">福建</option>
        <option value="2">广东</option>
        <option value="3">江西</option>
    </select>
    <select name="" id="" class="search-select">
        <option value="0">---城市---</option>
        <option value="1">厦门</option>
        <option value="2">福州</option>
        <option value="3">泉州</option>
    </select>
    <label class="search-label label-left-sm">负责客服：</label>
    <select name="" id="" class="search-select">
        <option value="0">---角色---</option>
        <option value="1">未指派</option>
        <option value="2">客服</option>
    </select>
    <select name="" id="" class="search-select">
        <option value="0">---用户---</option>
        <option value="1">思远</option>
        <option value="2">阿曼</option>
    </select>
    <label class="search-label label-left-sm">指派状态：</label>
    <select name="" id="" class="search-select">
        <option value="0">---全部---</option>
        <option value="1">未指派</option>
        <option value="2">客服</option>
    </select>
    <div class="clear-many"><a href="contact.html">清空</a></div>
</div>
<div class="clues-top-title">
    <p>已选<span class="chk-num">0</span>条线索</p>
    <div class="btn-comm" data-toggle="modal" data-target="#delContact">删除</div>
    <div class="btn-comm btn-exp">导出全部</div>
    <button class="btn-eqs">查询</button>
    <div class="input-wap">
        <select name="" id="">
            <option value="0">姓名</option>
            <option value="1">代理账号</option>
            <option value="2">所属企业</option>
            <option value="3">职务</option>
            <option value="4">联系方式</option>
        </select>
        <input type="text" class="search-name"/>
    </div>
</div>
<div class="table-wap">
    <table>
        <tr class="list-title">
            <td class="col-sm-1"><input type="checkbox" id="allCheck"/></td>
            <td class="col-sm-1">姓名</td>
            <td class="col-sm-1">代理账号</td>
            <td class="col-sm-2">所属企业</td>
            <td class="col-sm-1">所在地区</td>
            <td class="col-sm-1">职务</td>
            <td class="col-sm-1">联系方式</td>
            <td class="col-sm-1">负责客服</td>
            <td class="col-sm-3 last-col">备注</td>
        </tr>
        <tr class="chk">
            <td class="col-sm-1"><input type="checkbox" name="chk"/></td>
            <td class="col-sm-1"><a href="agencypart.html">雷吉洛克</a></td>
            <td class="col-sm-1">代理账号</td>
            <td class="col-sm-2"><a href="clientpart.html">厦门铝邦</a></td>
            <td class="col-sm-1">所在地区</td>
            <td class="col-sm-1">职务</td>
            <td class="col-sm-1">联系方式</td>
            <td class="col-sm-1">负责客服</td>
            <td class="col-sm-3 last-col">备注</td>
        </tr>
        <tr class="chk">
            <td class="col-sm-1"><input type="checkbox" name="chk"/></td>
            <td class="col-sm-1"><a href="agencypart.html">雷吉洛克</a></td>
            <td class="col-sm-1">代理账号</td>
            <td class="col-sm-2"><a href="clientpart.html">厦门铝邦</a></td>
            <td class="col-sm-1">所在地区</td>
            <td class="col-sm-1">职务</td>
            <td class="col-sm-1">联系方式</td>
            <td class="col-sm-1">负责客服</td>
            <td class="col-sm-3 last-col">备注</td>
        </tr>
        <tr class="chk">
            <td class="col-sm-1"><input type="checkbox" name="chk"/></td>
            <td class="col-sm-1"><a href="agencypart.html">雷吉洛克</a></td>
            <td class="col-sm-1">代理账号</td>
            <td class="col-sm-2"><a href="clientpart.html">厦门铝邦</a></td>
            <td class="col-sm-1">所在地区</td>
            <td class="col-sm-1">职务</td>
            <td class="col-sm-1">联系方式</td>
            <td class="col-sm-1">负责客服</td>
            <td class="col-sm-3 last-col">备注</td>
        </tr>
    </table>
    <p class="page-col">共<span>7</span>条，共<span>1</span>页</p>
</div>
<div class="error-kong">
    <div class="errorKong" data-toggle="modal" data-target="#addContact">
        <img src="images/unlucky.png"/>
        <p>还没有数据哦~</p>
    </div>
</div>
<!--新增表单-->
<div class="modal" id="addContact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title add-title">新增/编辑联系</h4>
            </div>
            <div class="modal-body">
                <form action="" method="post">
                    <label class="modal-label"><span class="red">*</span>姓名：</label>
                    <input type="text" placeholder="" name="addname" class="modal-input-lg"/>
                    <div class="clear"></div>
                    <label class="modal-label"><span class="red">*</span>所属企业：</label>
                    <input class="modal-input-lg" type="text"/>
                    <div class="clear"></div>
                    <label class="modal-label">联系方式：</label>
                    <input type="text" name="" class="modal-input-lg"/>
                    <div class="clear"></div>
                    <label class="modal-label">职务：</label>
                    <input type="text" placeholder="" class="modal-input-lg"/>
                    <div class="clear"></div>
                    <label class="modal-label">性别：</label>
                    <select name="" id="" class="modal-select-sm">
                        <option value="0">--请选择--</option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                        <option value="3">其他</option>
                    </select>
                    <div class="clear"></div>
                    <label class="modal-label">微信号：</label>
                    <input type="text" name="" class="modal-input-lg"/>
                    <div class="clear"></div>
                    <label class="modal-label">QQ：</label>
                    <input type="text" name="" class="modal-input-lg"/>
                    <div class="clear"></div>
                    <label class="modal-label-bz">备&emsp;&emsp;注：</label>
                    <textarea name="" id="" cols="30" rows="10"></textarea>
                    <div class="clear"></div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!--删除-->
<div class="modal" id="delContact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title add-title">提示</h4>
            </div>
            <div class="modal-body">
                <p class="modal-p">确定删除所选联系？该操作成功后，将无法恢复！</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn-del" data-dismiss="modal">确定删除</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<script>
    $("#addContact").modal({
        keyboard:false,
        show:false
    });
    //搜索js
    $(".clues-search select").change(function () {
        var date ={};
        date.province = $("#province").val();
        date.city = $("#city").val();
        date.clueSource = $("#clueSource").val();
        date.cooperDegree = $("#cooperDegree").val();
        date.followState = $("#followState").val();
        date.unfollowTime = $("#unfollowTime").val();
        date.responService = $("#responService").val();
        date.serviceUser = $("#serviceUser").val();
        date.appointState = $("#appointState").val();
        var url ='';
        $.post(url,date, function () {
            error:{
                layer.msg("失败");
            }
        })
    });
    $(".btn-eqs").click(function () {
        var searchs = {};
        searchs.cluesName = $("#cluesName").val();
        searchs.searchName = $("#searchName").val();
        var url = '';
        $.post(url,searchs, function () {
            error:{
                layer.msg("失败");
            }
        })
    });
</script>
</body>
</html>